import {useState} from "react";
//定义一个传进来的函数
interface AddTodoProps{
    //定义一个函数
    addTodo:(text:string)=>void
}
export function AddTodo({addTodo}:AddTodoProps) {
    // 设置数据
    const [text, setText] = useState('')
   
   const  handleSubmint=(e:React.FormEvent<HTMLFormElement>)=>{
    // 阻止默认事件
    e.preventDefault()
    if(text.trim()==''){
        return;
    }
    console.log('触发',text)
    addTodo(text)
    setText('')
   }
    return (
        <>
            <form onSubmit={handleSubmint}>
                <input
                    type="text"
                    value={text}
                    onChange={(e) => setText(e.target.value)}
                />
                <button> 新建事项</button>
            </form>
        </>
    );
}